<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Responsive Carousel Demo Page</title>
  <!-- Load local jQuery, removing access to $ (use jQuery, not $). -->
  <script src="../../libs/jquery/jquery.js"></script>
  <link rel="stylesheet" href="../../src/responsive-carousel.css" media="screen">
  <link rel="stylesheet" href="../../src/responsive-carousel.fade.css" media="screen">
 <link rel="stylesheet" href="../assets/demostyles.css">
  <!-- Load local lib and tests. -->
  <script src="../../src/responsive-carousel.js"></script>
  <script src="../../src/responsive-carousel.autoplay.js"></script>
  <script src="../../src/responsive-carousel.autoinit.js"></script>
  <script src="../../src/globalenhance.js"></script>
</head>
<body>
	<div class="carousel" data-transition="fade" data-autoplay>
	    <div>
		<img src="../assets/large.jpg">
	    </div>
	    <div>
		<img src="../assets/monks.jpg">
	    </div>
	    <div>
		<img src="../assets/monkey.jpg">
	    </div>

	</div>


</body>
</html>
